import React from 'react'

const List = (props) => {
  // console.log(props)
  // 渲染评论列表方法
  let renderList = () => {
    // 获取状态数据
    let { list } = props
    // 条件渲染
    // return list.length > 0 ? list.map((item) => <li key={item.id}>
    //   <p className="pline">{item.name}</p>
    //   <p>{item.content}</p>
    // </li>) : <li className="nodata"><p>暂无评论！</p></li>
    if (list.length > 0) {
      return list.map((item) => (
        <li key={item.id}>
          <p className="pline">{item.name}</p>
          <p>{item.content}</p>
        </li>
      ))
    } else {
      return (
        <li className="nodata">
          <p>暂无评论！</p>
        </li>
      )
    }
  }

  return <ul className="list">{renderList()}</ul>
}

export default List
